<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="format-detection" content="telephone=no" />
<link rel="stylesheet" href="../static/bootstrap/css/bootstrap.min.css" />
<link rel="stylesheet" href="../static/bootstrap/css/bootstrap-theme.min.css" />
<link rel="stylesheet" href="../static/css/style-app.css" />
<script src="../static/jquery/jquery-1.12.4.js"></script>
<script src="../static/bootstrap/js/bootstrap.js"></script>
<title>主页</title>
<style>
font#tip {
    position: absolute;
    right: 4px;
    top: -12px;
}
</style>
</head>

<body>
	<div class="top-part">
		<div class="header">
			<div class="return">
				<a href="../app/login.do"></a>
			</div>
			<div class="header-title">菜单栏</div>
		</div>

	</div>
	<div class="middle-part table-container" style="background: #fff;">
		<div>
			<div class="user-info" onclick="setper()">
				<div class="user-img">
					<img src="../static/imges/icon-userimg1.png">
				</div>
				<div class="user-name">
					<span th:text="${session.userInfo.name} "></span>
				</div>
			</div>
				<!-- <div class="top_btn user">
						<div onclick="help();">
						<span class="glyphicon glyphicon-question-sign"></span>
						<span>帮助</span>
					</a>
				</div> -->
			<div class="modular">
				<div class="modular-title">
					<span>我的审批</span>
				</div>
				<div class="modular-content">
					<div class="modular-m">
						<div class="icon-list">
							<div onclick="unreviewed();">
								<div class="bg-yellow">
									<img src="../static/imges/icon-unreviewed.png">
								</div>
								<div id="wait">待审批</div>
							</div>
							<div onclick="reviewed();">
								<div class="bg-yellow">
									<img src="../static/imges/icon-reviewed.png">
								</div>
								<div>已审批</div>
							</div>
						</div>
					</div>

				</div>
			</div>
			<div class="modular">
				<div class="modular-title">
					<span>我的项目</span>
				</div>
				<div class="modular-content">
					<div class="modular-m">
						<div class="icon-list">
							<div onclick="projectitem();">
								<div class="bg-yellow">
									<img src="../static/imges/icon-myproject.png">
								</div>
								<div>我的项目</div>
							</div>
						</div>
					</div>

				</div>
			</div>
			<div class="modular">
				<div class="modular-title">
					<span>我的计划</span>
				</div>
				<div class="modular-content">
					<div class="modular-m">
						<div class="icon-list">
							<div onclick="plan();">
								<div class="bg-yellow">
									<img src="../static/imges/icon-myplan.png">
								</div>
								<div>我的计划</div>
							</div>
						</div>
					</div>

				</div>
			</div>
			<div class="modular">
				<div class="modular-title">
					<span>我的预算</span>
				</div>
				<div class="modular-content">
					<div class="modular-m">
						<div class="icon-list">
							<div onclick="budget();">
								<div class="bg-yellow">
									<img src="../static/imges/icon-mybudget.png">
								</div>
								<div>我的预算</div>
							</div>
						</div>
					</div>

				</div>
			</div>
			<div class="modular">
				<div class="modular-title">
					<span>智慧工地</span>
				</div>
				<div class="modular-content">
					<div class="modular-m">
						<div class="icon-list">
							<div onclick="attendance();">
								<div class="bg-yellow">
									<img src="../static/imges/icon-attendance.png">
								</div>
								<div>考勤</div>
							</div>
							<div onclick="safetyinspection();">
								<div class="bg-yellow">
									<img src="../static/imges/icon-safetyinspection.png">
								</div>
								<div>安全巡检</div>
							</div>
							<div onclick="report();">
								<div class="bg-yellow">
									<img src="../static/imges/icon-report.png">
								</div>
								<div>施工日志</div>
							</div>
							<div onclick="capitalapply();" style="margin-right: 0;">
								<div class="bg-yellow">
									<img src="../static/imges/icon-capitalapply.png">
								</div>
								<div>资金申请</div>
							</div>
							<div onclick="urgentapply();">
								<div class="bg-yellow">
									<img src="../static/imges/icon-urgentapply.png">
								</div>
								<div>工程联系单</div>
							</div>
							<div onclick="budgetexecute();">
								<div class="bg-yellow">
									<img src="../static/imges/icon-budgetexecute.png">
								</div>
								<div>预算执行</div>
							</div>
							<div onclick="camera();">
								<div class="bg-yellow">
									<img src="../static/imges/icon-camera.png">
								</div>
								<div>实时监控</div>
							</div>
						</div>
					</div>

				</div>
			</div>
			<div class="modular">
				<div class="modular-title">
					<span>预警提示</span>
				</div>
				<div class="modular-content">
					<div class="modular-m">
						<div class="icon-list">
							<div onclick="warningmoney();">
								<div class="bg-yellow">
									<img src="../static/imges/icon-warningmoney.png">
								</div>
								<div>资金预警</div>
							</div>
							<div onclick="warningtime();">
								<div class="bg-yellow">
									<img src="../static/imges/icon-warningtime.png">
								</div>
								<div>进度预警</div>
							</div>
							<div onclick="warningsafe();">
								<div class="bg-yellow">
									<img src="../static/imges/icon-warningsafe.png">
								</div>
								<div>安全预警</div>
							</div>
							<div onclick="warningequipment();">
								<div class="bg-yellow">
									<img src="../static/imges/icon-warningequipment.png">
								</div>
								<div>设备预警</div>
							</div>
						</div>
					</div>

				</div>
			</div>
			<div class="modular">
				<div class="modular-title">
					<span>我的邮箱</span>
				</div>
				<div class="modular-content">
					<div class="modular-m">
						<div class="icon-list">
							<div onclick="mailsend();">
								<div class="bg-yellow">
									<img src="../static/imges/icon-mailsend.png">
								</div>
								<div>发邮件</div>
							</div>
							<div onclick="mailboss();">
								<div class="bg-yellow">
									<img src="../static/imges/icon-mailboss.png">
								</div>
								<div>匿名邮件</div>
							</div>
							<div onclick="mailreceive();">
								<div class="bg-yellow">
									<img src="../static/imges/icon-mailreceive.png">
								</div>
								<div>收件箱</div>
							</div>
							<div onclick="mailbox();">
								<div class="bg-yellow">
									<img src="../static/imges/icon-mailbox.png">
								</div>
								<div>发件箱</div>
							</div>
						</div>
					</div>

				</div>
			</div>
			<div class="modular">
				<div class="modular-title">
					<span>设备管理</span>
				</div>
				<div class="modular-content">
					<div class="modular-m">
						<div class="icon-list">
							<div onclick="equipment();">
								<div class="bg-yellow">
									<img src="../static/imges/icon-equipment.png">
								</div>
								<div>基础信息</div>
							</div>
							<div onclick="equipmentmark();">
								<div class="bg-yellow">
									<img src="../static/imges/icon-equipmentmark.png">
								</div>
								<div>设备维保</div>
							</div>
							<div onclick="equipmentpressure();">
								<div class="bg-yellow">
									<img src="../static/imges/icon-monitor.png">
								</div>
								<div>压力监控</div>
							</div>
						</div>
					</div>

				</div>
			</div>
			<div class="modular">
				<div class="modular-title">
					<span>物资管理</span>
				</div>
				<div class="modular-content">
					<div class="modular-m">
						<div class="icon-list">
							<div onclick="goods();">
								<div class="bg-yellow">
									<img src="../static/imges/icon-goods.png">
								</div>
								<div>物资管理</div>
							</div>
						</div>
					</div>

				</div>
			</div>
			<div class="modular">
				<div class="modular-title">
					<span>技术论坛</span>
				</div>
				<div class="modular-content">
					<div class="modular-m">
						<div class="icon-list">
							<div onclick="forum();">
								<div class="bg-yellow">
									<img src="../static/imges/icon-lt.png">
								</div>
								<div>技术论坛</div>
							</div>
						</div>
					</div>

				</div>
			</div>
		</div>
	</div>
</body>
<script th:inline="javascript">
	$.ajax({
		type : 'GET',
		url : "../reviewlist.do",
		contentType : "application/json",
		success : function(data) {
			if (data.rows.length > 0){
				$("#wait").append('<font color="red" id="tip">&nbsp;new!</font>')
			}
		},
		dataType : "json"
	});
	function help() {
		window.location.href = '../help.do';
	}
	function reviewed() {
		window.location.href = '../app/reviewed.do';
	}
	function unreviewed() {
		window.location.href = '../app/unreviewed.do';
	}
	function projectitem() {
		window.location.href = '../app/projectitem.do';
	}
	function plan() {
		window.location.href = '../app/plan.do';
	}
	function budget() {
		window.location.href = '../app/budget.do';
	}
	function attendance() {
		window.location.href = '../app/attendance.do';
	}
	function safetyinspection() {
		window.location.href = '../app/safe.do';
	}
	function report() {
		window.location.href = '../app/report.do';
	}
	function budgetexecute() {
		window.location.href = '../app/budgetexecute.do';
	}
	function urgentapply() {
		window.location.href = '../app/urgentapply.do';
	}
	function capitalapply() {
		window.location.href = '../app/capitalapply.do';
	}
	function camera() {
		window.location.href = '../app/camera.do';
	}
	function warningmoney() {
		window.location.href = '../app/warningmoney.do';
	}
	function warningtime() {
		window.location.href = '../app/warningtime.do';
	}
	function warningsafe() {
		window.location.href = '../app/warningsafe.do';
	}
	function warningequipment() {
		window.location.href = '../app/warningequipment.do';
	}
	function mailsend() {
		window.location.href = '../app/mailsend.do';
	}
	function mailboss() {
		window.location.href = '../app/mailboss.do';
	}
	function mailreceive() {
		window.location.href = '../app/mailreceive.do';
	}
	function mailbox() {
		window.location.href = '../app/mailbox.do';
	}
	function equipment() {
		window.location.href = '../app/equipment.do';
	}
	function equipmentmark() {
		window.location.href = '../app/equipmentmark.do';
	}
	function equipmentpressure() {
		window.location.href = '../app/equipmentpressure.do';
	}
	function goods() {
		window.location.href = '../app/goods.do';
	}
	function forum() {
		window.location.href = '../app/forum.do';
	}
	function setper() {
		window.location.href = '../app/setper.do';
	}
</script>
</html>